<!DOCTYPE html>

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets">

        <meta http-equiv="imagetoolbar" content="no" />

        <h:outputScript name="jquery-1.6.4.min.js" library="javascript" />
        <h:outputScript name="plugin/fancyBox/jquery.mousewheel-3.0.4.pack.js" library="javascript" />
        <h:outputScript name="plugin/fancyBox/jquery.fancybox-1.3.4.pack.js" library="javascript" />
        
        <h:outputStylesheet name="plugin/fancyBox/jquery.fancybox-1.3.4.css" library="css" />        

        <script type="text/javascript">
            $(document).ready(function() {
                /*
                *   Examples - images
                */
        
                $("a#fancy_box1").fancybox();
        
                $("a#fancy_box2").fancybox({
                    'overlayShow'   : false,
                    'transitionIn'  : 'elastic',
                    'transitionOut' : 'elastic'
                });
        
                $("a#fancy_box3").fancybox({
                    'transitionIn'  : 'none',
                    'transitionOut' : 'none'    
                });
        
                $("a#fancy_box4").fancybox({
                    'opacity'       : true,
                    'overlayShow'   : false,
                    'transitionIn'  : 'elastic',
                    'transitionOut' : 'none'
                });
        
                $("a#fancy_box5").fancybox();
        
                $("a#fancy_box6").fancybox({
                    'titlePosition'     : 'outside',
                    'overlayColor'      : '#000',
                    'overlayOpacity'    : 0.9
                });
        
                $("a#fancy_box7").fancybox({
                    'titlePosition' : 'inside'
                });
        
                $("a#fancy_box8").fancybox({
                    'titlePosition' : 'over'
                });
        
                $("a[rel=fancy_box_group]").fancybox({
                    'transitionIn'      : 'none',
                    'transitionOut'     : 'none',
                    'titlePosition'     : 'over',
                    'titleFormat'       : function(title) {
                        return '<span id="fancybox-title-over">' + title + '</span>';
                    }
                });
        
            });
        </script>


</ui:composition>		